<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>乐淘</title>
  <link rel="stylesheet" href="./assets/mui/css/mui.css">
  <link rel="stylesheet" href="./assets/fontAwesome/css/font-awesome.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>

  <header class="lt-header">
    <h4 class="lt-title">
      乐淘云购
      <a class="lt-h-right" href="search.html">
          <span class="fa fa-search"></span>
      </a>
    </h4>
  </header>

  <div class="lt-container">
    <!-- 主要内容部分 -->
    <div class="mui-scroll-wrapper">
      <div class="mui-scroll">

       <!-- 轮播图部分 -->
       <div class="lt-carousel">
          <div class="mui-slider">
              <!-- 轮播的图片 -->
              <div class="mui-slider-group mui-slider-loop">
                <!--支持循环，需要重复图片节点-->
                <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="./images/banner9.png" /></a></div>
                <div class="mui-slider-item"><a href="#"><img src="./images/banner1.png" /></a></div>
                <div class="mui-slider-item"><a href="#"><img src="./images/banner2.png" /></a></div>
                <div class="mui-slider-item"><a href="#"><img src="./images/banner3.png" /></a></div>
                <div class="mui-slider-item"><a href="#"><img src="./images/banner4.png" /></a></div>
                <div class="mui-slider-item"><a href="#"><img src="./images/banner5.png" /></a></div>
                <div class="mui-slider-item"><a href="#"><img src="./images/banner6.png" /></a></div>
                <div class="mui-slider-item"><a href="#"><img src="./images/banner7.png" /></a></div>
                <div class="mui-slider-item"><a href="#"><img src="./images/banner8.png" /></a></div>
                <div class="mui-slider-item"><a href="#"><img src="./images/banner9.png" /></a></div>
                <!--支持循环，需要重复图片节点-->
                <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="./images/banner1.png" /></a></div>
              </div>

              <!-- 轮播的小圆点 -->
              <div class="mui-slider-indicator">
                  <div class="mui-indicator mui-active"></div>
                  <div class="mui-indicator"></div>
                  <div class="mui-indicator"></div>
                  <div class="mui-indicator"></div>
                  <div class="mui-indicator"></div>
                  <div class="mui-indicator"></div>
                  <div class="mui-indicator"></div>
                  <div class="mui-indicator"></div>
                  <div class="mui-indicator"></div>
              </div>
            </div>
       </div>

       <!-- 主体内容部分 -->
       <div class="lt-content">
                <!-- 导航部分 -->
        <div class="lt-nav">
          <ul class="mui-clearfix">
             <li><a href="javascript:;"><img src="./images/nav1.png" alt=""></a></li>
             <li><a href="javascript:;"><img src="./images/nav2.png" alt=""></a></li>
             <li><a href="javascript:;"><img src="./images/nav3.png" alt=""></a></li>
             <li><a href="javascript:;"><img src="./images/nav4.png" alt=""></a></li>
             <li><a href="javascript:;"><img src="./images/nav5.png" alt=""></a></li>
             <li><a href="javascript:;"><img src="./images/nav6.png" alt=""></a></li>
          </ul>
        </div>
 
        <!-- 广告部分 -->
        <div class="lt-adv mui-clearfix">
          <a href="javascript:;">
            <img src="./images/active1.png" alt="">
            <img src="./images/active2.png" alt="">
          </a>
          <a href="javascript:;">
            <img src="./images/active3.png" alt="">
          </a>
          <a href="javascript:;">
            <img src="./images/active4.png" alt="">
            <img src="./images/active5.png" alt="">
          </a>
        </div>
 
        <!-- 品牌专区部分 -->
        <div class="lt-brand">
          <!-- 第一个标题 -->
          <img src="./images/title0.png" alt="">

          <!-- 品牌展示内容 -->
          <ul class="mui-clearfix">
             <li><a href="javascript:;"><img src="./images/brand1.png" alt=""></a></li>
             <li><a href="javascript:;"><img src="./images/brand2.png" alt=""></a></li>
             <li><a href="javascript:;"><img src="./images/brand3.png" alt=""></a></li>
             <li><a href="javascript:;"><img src="./images/brand4.png" alt=""></a></li>
             <li><a href="javascript:;"><img src="./images/brand5.png" alt=""></a></li>
             <li><a href="javascript:;"><img src="./images/brand6.png" alt=""></a></li>
             <li><a href="javascript:;"><img src="./images/brand7.png" alt=""></a></li>
             <li><a href="javascript:;"><img src="./images/brand8.png" alt=""></a></li>
          </ul>
        </div>
 
        <!-- 运动生活专区部分 -->
        <div class="lt-sport">
          <!-- 运动标题 -->
          <img src="./images/title1.png" alt="">

          <!-- 运动产品内容 -->
          <ul class="clearfix">
            <li>
              <a href="javascript:;">
                 <img src="images/product.jpg" alt="">
                 <p class="pro-name">adidas阿迪达斯 男式 场下休闲篮球鞋S83700 </p>
                 <p class="price">
                   <span class="new-price">¥560.00</span>
                   <span class="old-price">¥888.00</span>
                 </p>
                 <button class="pro-buy">立即购买</button>
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <img src="images/product.jpg" alt="">
                <p class="pro-name">adidas阿迪达斯 男式 场下休闲篮球鞋S83700 </p>
                <p class="price">
                  <span class="new-price">¥560.00</span>
                  <span class="old-price">¥888.00</span>
                </p>
                <button class="pro-buy">立即购买</button>
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <img src="images/product.jpg" alt="">
                <p class="pro-name">adidas阿迪达斯 男式 场下休闲篮球鞋S83700 </p>
                <p class="price">
                  <span class="new-price">¥560.00</span>
                  <span class="old-price">¥888.00</span>
                </p>
                <button class="pro-buy">立即购买</button>
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <img src="images/product.jpg" alt="">
                <p class="pro-name">adidas阿迪达斯 男式 场下休闲篮球鞋S83700 </p>
                <p class="price">
                  <span class="new-price">¥560.00</span>
                  <span class="old-price">¥888.00</span>
                </p>
                <button class="pro-buy">立即购买</button>
              </a>
            </li>
          </ul>
        </div>
       </div>

      </div>
    </div>
  </div>
  
  <footer class="lt-footer mui-clearfix">
    <a class="active" href="/mobile/index.html">
      <span class="mui-icon mui-icon-home"></span>
      <p>首页</p>
    </a>    
    <a href="/mobile/category.html">
      <span class="mui-icon mui-icon-bars"></span>
      <p>分类</p>
    </a>    
    <a href="/mobile/cart.html">
      <span class="fa fa-shopping-cart"></span>
      <p>购物车</p>
    </a>    
    <a href="/mobile/user/index.html">
      <span class="fa fa-user"></span>
      <p>会员中心</p>
    </a>    
  </footer>
</body>
<script src="./assets/mui/js/mui.js"></script>
<script src="./assets/zepto/zepto.min.js"></script>
<script src="./js/index.js"></script>
</html>